<!DOCTYPE html>
<html>
<head>
    <meta content="text/html;charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <title>{$live_room['title']}</title>
    <link rel='stylesheet' href='/Public/css/bootstrap/bootstrap.min.css' />
    <link rel='stylesheet' href='/Public/css/admin/font-awesome.min.css' />
    <link rel='stylesheet' href='/Public/css/live/recording_new.css' />
    <link rel='stylesheet' href="/Public/css/live/video-js.css">
</head>
<body>
<div class="div-video-poster">
    <video id="my-video" class="video-js vjs-default-skin video-height-wap" controls preload="none"
           poster="{$live_room['poster']}" data-setup="{}" >
        <source src="http://183.136.188.90:7936/live{$live_room['id']}.m3u8" type='application/x-mpegURL'>
    </video>
</div>

<section class="sec-video-info">
    <div class="div-video-bar">
        <!--<p class="p-txt">视频简介</p>-->
        <p class="p-play-time">在线人数 <span id="userNum"></span></p>
    </div>
    <div class="div-user-info">
        <img src="{$avatar}" class="img-avatar" alt="">
        <p class="p-user-name" id="nickname">{$nickname}</p>
        <input type="hidden" id="openid" value="{$openid}">
        <input type="hidden" id="roomId" value="{$live_room['id']}">
        <button class="btn-praise" id="btn-praise"><i class="fa fa-thumbs-o-up"></i> 点赞</button>
    </div>
</section>

<section class="sec-comments">
    <div class="div-talk">
        <div class="form-group">
            <div class="col-sm-12">
                <div id="message" class="form-control" style="height:200px; overflow:scroll;overflow-x:hidden;border:0px "></div>
            </div>
        </div>
        <div class="form-group">
            <input type="text" class="form-control div-say" id="input" placeholder="请输入要发送的内容">
            <button type="button" class="btn btn-success" id="sub">发 送</button>
        </div>
    </div>
</section>
<div id="praise-div"></div>
</body>
<script src="/Public/js/jquery-3.1.1.min.js" charset="utf-8"></script>
<script src="/Public/js/live/websocket.js"></script>
<script src="/Public/js/common/baidutongji.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
    wx.config({
        debug: false,
        appId: '{$shareData["appId"]}',
        timestamp: '{$shareData["timestamp"]}',
        nonceStr: '{$shareData["nonceStr"]}',
        signature: '{$shareData["wxSha1"]}',
        jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline']
    });
    wx.error(function(res){
        console.log(res);
    });
    wx.ready( function( e ){
        wx.onMenuShareAppMessage({
            title: "{$live_room['share_title']}",
            desc: "{$live_room['share_desc']}",
            link: "{$live_room['share_link']}",
            imgUrl: "{$live_room['share_image']}",
            type: 'link',
            dataUrl: '',
            success: function () {},
            cancel: function () {}
        });
        wx.onMenuShareTimeline({
            title: "{$live_room['share_title']}",
            link: "{$live_room['share_link']}",
            imgUrl: "{$live_room['share_image']}",
            success: function () {},
            cancel: function () {}
        });
    })
</script>
</html>
